.title {
  font-size: 14px;
  font-weight: 600;
}
.titlefooter {
  font-size: 13px;
  color: #616161;
}
.MIDDLE {
  width: 100%;
  height: calc(100% - 151px);
  display: flex;
  .MDLEFT {
    flex: 1;
    box-sizing: border-box;
    border-right: 1px solid #dfe3e8;
    .MDLEFTTOP {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 16px;
      cursor: pointer;
      .MDLEFTHEADER {
        // width: 100%;
        display: flex;
        align-items: center;
        .wenzi {
          margin-left: 15px;
        }
      }
    }
  }
  .MDRIGHT {
    flex: 1;
    overflow-y: scroll;
    // overflow: hidden;
    box-sizing: border-box;
    padding: 6px;
    .moban {
      padding: 8px 8px 20px;
      border-bottom: 1px solid #ebebeb;
      .topicon {
        display: flex;
        justify-content: start;
        align-items: center;
        height: 36px;
        box-sizing: border-box;
        .padding8 {
          padding: 8px;
        }
      }
      .midwenzi {
        font-size: 14px;
        font-weight: 600;
        margin: 8px 0;
      }
      .midwenzis {
        font-size: 13px;
        color: #616161;
      }

      .MBBTN {
        display: flex;
        justify-content: end;
        align-items: center;
      }
    }
  }
}
.ActiveBG {
  border-left: 3px solid #1a1a1a;
  background-color: #f1f1f1;
  box-sizing: border-box;
}
